<template>
  <div class="manager">
    <!-- 用于接受管理页面，首页，订单页，我的页面 -->
    <router-view></router-view>
    <van-tabbar v-model="active">
      <van-tabbar-item to="/manager/personalCare">
        <!-- <span>个护</span> -->
        <template #icon>
          <i class="iconfont">&#xe7ce;</i>
        </template>
      </van-tabbar-item>
      <van-tabbar-item :dot="active != 1" to="/manager/consult">
        <!-- <span>资讯</span> -->
        <template #icon>
          <i class="iconfont">&#xe7e1;</i>
        </template>
      </van-tabbar-item>
      <!-- <van-tabbar-item to="/manager/equipment"> -->
        <!-- <span>设备</span> -->
        <!-- <template #icon> -->
          <!-- <i class="iconfont">&#xe7cd;</i> -->
        <!-- </template>   -->
      <!-- </van-tabbar-item> -->
      <van-tabbar-item icon="bar-chart-o" to="/manager/count"
        >
        <!-- <span>统计</span> -->
        <template #icon>
          <i class="iconfont">&#xe7e0;</i>
        </template>
      </van-tabbar-item
      >
      <van-tabbar-item to="/manager/mine"
        >
        <!-- <span>我的</span> -->
        <template #icon>
          <i class="iconfont">&#xe7d0;</i>
        </template>  
      </van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>
<style lang="less" scoped>
.manager{
  .iconfont{
    font-size: 25px;
  }
}
</style>
